@media screen and (max-width: 1920px) {
img#background {top: -966x;}
}

@media screen and (max-width: 1680px) {
img#background {top: -806px;}
}

@media screen and (max-width: 1600px) {
img#background {top: -753px;}
}

@media screen and (max-width: 1444px) {
img#background {top: -645px;}
}

@media screen and (max-width: 1366px) {
img#background {top: -597px;}
}

@media screen and (max-width : 1280px) { 
img#background {top:-539px;}
}

@media screen and (max-width: 1024px) {
img#background {top: -370px;}
}

@media screen and (max-width: 800px) {
.rightinfo {font-size:10px;}
nav small{font-size:10px;}
.container-boxed { width:100%;border-radius:0px;box-shadow: 0px;moz-box-shadow: 0px;-webkit-box-shadow:0px;}
img#background {top: -300px;}	
.list_carousel li {width: 249px !Important;}
.roll {width:92%;}
.rollthree {width:88%;}
.rollfour {width:85%;}
.rollfour .innerp {padding: 45px 10px 10px 67px;}
a.expandAll {padding:0px;}
div.timelineMajor {margin:0px;width:100%;}
.timelineMajor h2 {margin:0!important;padding:0px!important;background:none;margin-bottom: 10px !important;margin-top: 20px !Important;}
.timelineMajor h2 span {padding:0;}
dl.timelineMinor {margin:0!important;padding:0!important;width:100%;}
.timelineMinor dt {margin: 0!important;padding: 0!important;white-space: nowrap;margin-bottom: 10px !Important;}
.timelineMinor dd {	padding-left:0px;}
.timelineEvent p {margin:0px;}
.timelineEvent h4 {margin:0px;padding:0 !important;}
.timelineEvent blockquote {padding:0px;width:100%;}
.timelineEvent blockquote * {width:100%;}
.timelineEvent ul.moreInfo {	width:100%;}
.timelineEvent ul.moreInfo li {	margin:0 !important;padding:0 !important;}
.timelineEvent div.media {width:100%;}
.timelineMinor dt {white-space:normal;background:none;}
a.expandAll {padding: 10px;}
}

/* styles for mobile */
@media screen and (max-width: 600px) {
    .tinynav { display: block;padding-left: 10px;height: 30px; }
	#vazzmenu, nav small, .description, .socialtitle,#social-menu,#background {display:none;}
	.rightinfo {margin-top: 0px;text-align: left;margin-bottom: 20px;font-size:13px;}
	.logo {margin-top:-20px;}
	 nav {border:0px;}
	.container-boxed { width:100%;border-radius:0px;box-shadow: 0px;moz-box-shadow: 0px;-webkit-box-shadow:0px;}
	.portfoliothree, .portfoliofour {width:100% !important;}
	.rollthree, .rollfour {width:90%;}
	.rollfour .innerp {padding: 45px 10px 10px 120px;}
	.scrollup {display:none !important;}
	p.lead, .lead {padding:0px !Important;}
	.innerp {padding:20px;}
	.nicebox {margin-bottom:20px;}
}

@media screen and (max-width: 480px) {
.list_carousel li {width: 215px !Important;}
.rollfour .innerp {padding: 45px 10px 10px 190px;}
.roll {width: 93.5%;}
.rollthree, .rollfour {width: 93.5%;}
.attachment-portfolio4-thumb {height: 160px!important;}
}

/* styles for mobile */
@media screen and (max-width: 320px) {
    .portfoliothree, .portfoliofour {width:100% !important;}
	.rollthree, .rollfour {width:90%;}
	.rollfour .innerp {padding: 45px 10px 10px 120px;}
	.roll {width: 91%;}
	.list_carousel li {width: 275px !Important;}
}